@charset "utf-8";

.conf{ font-size:12px; width:500px; overflow:hidden; border:#D19552 1px solid; border-radius:10px; background:#FFF; z-index:100;}
.conf .handle{ height:15px; background:#D19552; cursor:move; border-radius:10px; position:relative;}
.conf .handle span{ display:block; float:left;}
.conf .handle .title{ margin-left:5px; color:#FFF; position:absolute;}
.conf .handle .minisize{ right:0px; cursor: pointer; width:13px; height:13px; line-height:15px; text-align:center; vertical-align:middle; margin:1px 1px 0px 0px; background:#FFF991; border-radius:10px; position:absolute;}
.conf .content{overflow-x:hidden; overflow-y: auto;}
.conf .content ul{ list-style:none; margin:0px; padding:0px; width:483px;}
.conf .content li{ margin:1px; height:23px; width:480px;}
.conf .content .title{ float:left; height:23px; vertical-align:middle; line-height:23px; width:100px; background:#B8BF73; padding:0px 5px; color:#FFF; border-radius:10px 0 0 10px; text-align:center;}
.conf .operators{ float:right; height:23px; width:363px; padding:0px 2px;  background:#B6DB83; border-radius:0 10px 10px 0; margin-right:2px; position:relative; }
.conf .operators input{ width:90px; text-align:center; height:15px; border:none; border-radius:10px; margin:4px 0px 0px 0px; padding:0px;}
.conf .operators .min{ float:left; margin-left:2px;}
.conf .operators .max{ float:right; margin-right:2px;}
.conf .operators .slider{ float:left; width:169px; height:15px; margin-left:5px; background:#FFF991; margin-top:4px; border-radius:10px;}
.conf .operators .knob{ position:absolute; display:block; width:100px; height:15px; background:#E55322; border-radius:10px; left:135px; top:4px; text-align:center; vertical-align: middle; line-height:15px; color:#FFFFFF;}
.conf .operators .selector{ height:19px; border:none; border-radius:10px; padding:0px 10px 0px 5px; margin:2px 0px 0px 2px; width:200px;}
